<template>
  <div class="loading">
    <Row>
      <Col class="demo-spin-col" span="24">
        <Spin fix>
          <Icon type="ios-loading" size="18" class="demo-spin-icon-load"></Icon>
          <div>Loading</div>
        </Spin>
      </Col>
    </Row>
  </div>
</template>
<script>
export default {
  name: "Loading",
  data() {
    return {};
  }
};
</script>
<style scoped>
.loading {
  width: 100%;
  height: 100%;
}
.demo-spin-col {
  height: 100px;
  position: relative;
  border: 1px solid #eee;
}
.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}
</style>
